<template>
  <div class="center">
    <!-- 头部 -->
    <header>
      <div class="beijin"></div>
      <div class="flex aic users pixed"
           style="width:50%;">
        <img :src="require('../../../assets/img/personal/tx.jpg')"
             class="imege" />
        <router-link v-if="!isLogin"
                     to="/login"
                     class="f16 fff ml-20">立即登录</router-link>
        <span v-else
              class="f16 fff ml-20">用户 {{username.slice(-4)}}</span>
      </div>
    </header>

    <!-- 主体 -->
    <!-- <main class="mt-10">
      <div class="bg-fff">
        <van-cell title="历史订单"
                  isLink
                  to="/order"></van-cell>
        <van-cell title="我的单子"
                  isLink></van-cell>
      </div>
    </main> -->

    <body>
      <div style="height:600px;width:100%;background-color:#ccc;">
        <!-- 我的账号 -->
        <div style="width:100%;height:80px;background-color: #fff;">
          <div class="title">
            <div class="t1">84</div>
            <div class="t2">报修信息</div>
          </div>
          <div style="margin:5px 0 0 5px">姓名：</div>
          <div style="margin:5px 0 0 5px">员工号：</div>
        </div>
        <!-- 历史订单 -->
        <div style="width:100%;height:40px;background-color: #fff;margin-top:8px">
          <div class="title">
            <div class="t1">84</div>
            <div class="t2">
              历史订单
              <van-image width="10"
                         height="10"
                         src="https://z3.ax1x.com/2021/11/12/IBZtLn.png" />
              <van-image width="10"
                         height="10"
                         src="https://z3.ax1x.com/2021/11/12/IBZtLn.png" />
            </div>
          </div>
        </div>
        <!-- 我的单子 -->
        <div style="width:100%;height:200px;background-color: #fff;margin-top:8px">
          <div class="title">
            <div class="t1">84</div>
            <div class="t2">
              我的单子
              <van-image width="10"
                         height="10"
                         src="https://z3.ax1x.com/2021/11/12/IBZtLn.png" />
              <van-image width="10"
                         height="10"
                         src="https://z3.ax1x.com/2021/11/12/IBZtLn.png" />
            </div>
          </div>
        </div>
      </div>

    </body>

    <Footer page="my" />
  </div>
</template>

<script>
import Footer from '@/components/Footer'
import { mapGetters } from 'vuex'
export default {
  components: {
    Footer
  },

  computed: {
    ...mapGetters(['username', 'isLogin'])
  }
}
</script>

<style lang="less" scoped>
@import './center.less';
</style>